<template>
	<view class="_class_index u-flex u-p-24 u-m-b-24">
		<view>
			<up-image
				src="https://edu-yjzk.oss-cn-hangzhou.aliyuncs.com/education/common/2024/02/24/png/blob_20240224143336A003.png"
				:width="120" :height="80" :radius="4"></up-image>
		</view>
		<view class="_class_area">
			<view>创新思维与管理工具应用</view>
			<view class="u-p-t-14 u-p-b-14">
				<tag text="战略运营"></tag>
			</view>
			<view class="u-flex u-flex-between u-flex-items-center">
				<price price="500.00"></price>
				<view class="creator">300已学习</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import tag from "../components/common/tag.vue"
	import price from "../components/common/price.vue"
</script>

<style lang="scss" scoped>
	._class_index {
		background-color: #ffffff;
		border-radius: 6px;

		._class_area {
			flex: 1;
			margin-left: 12px;

			.creator {
				font-size: 12px;
				color: #999;
			}
		}
	}
</style>